import React from 'react'
import { useHistory, useLocation } from 'react-router'

import './nomatch.scss'

import svg from './none.svg'

const NoMatch = () => {
  const History = useHistory()

  const back = () => {
    History.go(-1)
  }

  return (
    <div className="nomatch">
      <div className="center">
        <img width="100%" src={svg} alt="none" />
        <div className="tips">
          <div className="title">404</div>
          <div className="desc">抱歉，你访问的页面不存在</div>
          <button className="back" onClick={back}>
            返回
          </button>
        </div>
      </div>
    </div>
  )
}

export default NoMatch
